<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>时光网仿</title>
    <link rel="stylesheet" href="./css/style.css">
</head>

<body>
    <div id="header">
        <a class="logo"></a>
        <ul class="tags">
            <li>首页</li>
            <li>电影</li>
            <li>原创</li>
            <li>榜单</li>
            <li>社区</li>
            <li>视频</li>
        </ul>
        <div class="applogin">
            <a href="">
                <div class="appimg1"></div>
                <div class="appfont">App下载</div>
                <div class="appimg2"></div>
            </a>
        </div>
    </div>

    <div class="bg"></div>

    <div id="container">
        <div class="search">
            <div class="search_input">
                <div class="left">全部</div>
                <div class="middle">搜索电影、影人、文章、用户、家族</div>
                <a href="">
                    <div class="right"></div>
                </a>
            </div>
        </div>

        <div class="navbox">
            <ul class="nav">
                <li>影视</li>
                <li>影人</li>
                <li>内容</li>
                <li>用户</li>
                <li>家族</li>
            </ul>
            <div class="navright">收起</div>
        </div>

        <div class="category">
            <div class="category_top">
                <div class="top_left">电影</div>
                <div class="top_right">影评</div>
            </div>
            <div class="category_select">
                <div class="select_left">已选择:</div>
                <ul class="select_right">
                    <li>美国 <a href="">X</a></li>
                </ul>
            </div>
            <div class="category_zone">
                <div class="zone_left">国家/地区:</div>
                <ul class="zone_right">
                    <li><a href="">美国</a></li>
                    <li><a href="">中国</a></li>
                    <li><a href="">日本</a></li>
                    <li><a href="">法国</a></li>
                    <li><a href="">英国</a></li>
                    <li><a href="">中国香港</a></li>
                    <li><a href="">意大利</a></li>
                    <li><a href="">德国</a></li>
                    <li><a href="">韩国</a></li>
                    <li><a href="">加拿大</a></li>
                    <li><a href="">西班牙</a></li>
                    <li><a href="">中国台湾</a></li>
                    <li><a href="">印度</a></li>
                    <li><a href="">西德</a></li>
                    <li><a href="">澳大利亚</a></li>
                    <li><a href="">苏联</a></li>
                    <li><a href="">比利时</a></li>
                    <li><a href="">瑞士</a></li>
                    <li><a href="">瑞典</a></li>
                    <li><a href="">俄罗斯</a></li>
                    <li><a href="">阿根廷</a></li>
                    <li><a href="">墨西哥</a></li>
                    <li><a href="">波兰</a></li>
                    <li><a href="">丹麦</a></li>
                    <li><a href="">荷兰</a></li>
                    <li><a href="">巴西</a></li>
                    <li><a href="">奥地利</a></li>
                    <li><a href="">泰国</a></li>
                </ul>
            </div>
            <div class="category_type">
                <div class="type_left">类型:</div>
                <ul class="type_right">
                    <li><a href="">剧情</a></li>
                    <li><a href="">喜剧</a></li>
                    <li><a href="">短片</a></li>
                    <li><a href="">爱情</a></li>
                    <li><a href="">纪录片</a></li>
                    <li><a href="">动作</a></li>
                    <li><a href="">惊悚</a></li>
                    <li><a href="">恐怖</a></li>
                    <li><a href="">动画</a></li>
                    <li><a href="">犯罪</a></li>
                    <li><a href="">冒险</a></li>
                    <li><a href="">家庭</a></li>
                    <li><a href="">悬疑</a></li>
                    <li><a href="">奇幻</a></li>
                    <li><a href="">科幻</a></li>
                    <li><a href="">战争</a></li>
                    <li><a href="">传记</a></li>
                    <li><a href="">音乐</a></li>
                    <li><a href="">历史</a></li>
                    <li><a href="">歌舞</a></li>
                    <li><a href="">西部</a></li>
                    <li><a href="">运动</a></li>
                    <li><a href="">古装</a></li>
                    <li><a href="">武侠</a></li>
                    <li><a href="">戏曲</a></li>
                    <li><a href="">黑色</a></li>
                    <li><a href="">电影</a></li>
                    <li><a href="">儿童</a></li>
                    <li><a href="">新闻</a></li>
                    <li><a href="">真人秀</a></li>
                    <li><a href="">舞台</a></li>
                    <li><a href="">艺术</a></li>
                    <li><a href="">成人</a></li>
                    <li><a href="">脱口秀</a></li>
                    <li><a href="">游戏秀</a></li>
                    <li><a href="">情色</a></li>
                    <li><a href="">文艺</a></li>
                    <li><a href="">同性</a></li>
                    <li><a href="">青春</a></li>
                    <li><a href="">灾难</a></li>
                    <li><a href="">女性</a></li>
                    <li><a href="">励志</a></li>
                    <li><a href="">微电影</a></li>
                </ul>
            </div>
            <div class="category_year">
                <div class="year_left">年代:</div>
                <div class="year_right">
                    <select>
                        <option>请选择年份</option>
                    </select>
                </div>
            </div>

        </div>

        <div class="moviebox">
            <div class="movie_top">
                相关影视:&nbsp;<span>2.0万</span>&nbsp;个
            </div>


            <div class="movie_info">
                <div class="info_left">
                    <div class="rating_text">总评分</div>
                    <div class="rating_num">8.9</div>
                </div>
                <div class="info_right">
                    <h3 class="info_name">泰坦尼克号 Titanic （1997）</h3>
                    <div class="important">
                        <div class="important_left">
                            <img src="http://img5.mtime.cn/mt/2021/01/06/152421.22080742_o.jpg" height="130px"
                                width="100px" alt="">
                        </div>
                        <div class="important_right">
                            <div>
                                <span>194分钟 - 类型：</span>
                                <span class="right_type">剧情 / 爱情 </span>
                            </div>
                            <div>
                                <span>导演：</span>
                                <span>詹姆斯·卡梅隆</span>
                            </div>
                            <div>
                                <span>主演：</span>
                                <span>莱昂纳多·迪卡普里奥</span>
                                <span>凯特·温丝莱特</span>
                            </div>
                            <button class="video_btn">在线播放</button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="movie_info">
                <div class="info_left">
                    <div class="rating_text">总评分</div>
                    <div class="rating_num">8.9</div>
                </div>
                <div class="info_right">
                    <h3 class="info_name">盗梦空间 Inception （2010）</h3>
                    <div class="important">
                        <div class="important_left">
                            <img src="http://img5.mtime.cn/mt/2020/08/06/163756.17081814_o.jpg" height="130px"
                                width="100px" alt="">
                        </div>
                        <div class="important_right">
                            <div>
                                <span>148分钟 - 类型：</span>
                                <span class="right_type">动作 / 冒险 / 科幻</span>
                            </div>
                            <div>
                                <span>导演：</span>
                                <span>克里斯托弗·诺兰</span>
                            </div>
                            <div>
                                <span>主演：</span>
                                <span>莱昂纳多·迪卡普里奥</span>
                                <span>约瑟夫·高登-莱维特</span>
                            </div>
                            <button class="video_btn">在线播放</button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="page_content">
                <button class="btn_pre"><</button>
                <ul class="pages">
                    <li>1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>...</li>
                </ul>
                <button class="btn_next">>></button>
            </div>
        </div>

    </div>
    <div id="footer">
    </div>
</body>
</html>